<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>极果网</title>
    <script src="./jquery-3.6.0(1).js"></script>
    <link rel="stylesheet" href="./报告.css">
</head>

<body>
    <div class="Top">
        <!-- 标题 -->
        <img src="./极果网.html/img1/img/jiguo.png" alt="" class="jiguo">
        <div class="Top-1">
            <ul class="BT">
                <li class="on"><a href="../极果网.html/首页.html">首页</a></li>
                <li class=""><a href="../极果网.html/试用.html">试用</a></li>
                <li class=""><a href="../极果网.html/酷玩.html">酷玩</a></li>
                <li class=""><a href="../极果网.html/导购.html">导购</a></li>
                <li class=""><a href="../报告.html">报告</a></li>
            </ul>
        </div>
        <img src="./极果网.html/img1/img/FD.png" alt="" class="FD">
        <button class="zhuce" type="submit">注册</button>
    </div>
    <hr>
    <p class="kuwan">体检报告</p>
    <div class="zuixin">
        <div class="title active" content1="new-content">最新</div>
        <div class="title" content1="hot-content">最热</div>
    </div>
        <div class="new-content">
            <!-- 最新 -->
            <div class="d1">
                <div class="d2">
                    <img class="d4" img src="./极果网.html/img1/bg1.jpg" alt="">
                    <div>
                        <p class="d5"></p>
                        <p>
                            <img src="./极果网.html/img1/img/tx.jpg" alt="" border-radius="100%">
                            <span class="d9">苏苏</span>
                            <span class="d10">2016-01-25</span>
                        </p>
                        <p>
                            <img src="./极果网.html/img1/img/xin.png" alt="" width="30px"> <i class="d6">3</i>
                            <img src="./极果网.html/img1/img/xinxi.png" alt="" width="30px"> <i class="d7">3</i>
                        </p>
                    </div>
                </div>
                <p class="d8">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
                <div class="d2">
                    <img class="d4" img src="./极果网.html/img1/img/bg6.jpg" alt="">
                    <div>
                        <p class="d5"></p>
                        <p>
                            <img src="./极果网.html/img1/img/tx.jpg" alt="" border-radius="100%">
                            <span class="d9">苏苏</span>
                            <span class="d10">2016-01-25</span>
                        </p>
                        <p>
                            <img src="./极果网.html/img1/img/xin.png" alt="" width="30px"> <i class="d6">3</i>
                            <img src="./极果网.html/img1/img/xinxi.png" alt="" width="30px"> <i class="d7">3</i>
                        </p>
                    </div>
                </div>
                <p class="d8">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
                <div class="d2">
                    <img class="d4" img src="./极果网.html/img1/img/bg3.jpg" alt="">
                    <div>
                        <p class="d5"></p>
                        <p>
                            <img src="./极果网.html/img1/img/tx.jpg" alt="" border-radius="100%">
                            <span class="d9">苏苏</span>
                            <span class="d10">2016-01-25</span>
                        </p>
                        <p>
                            <img src="./极果网.html/img1/img/xin.png" alt="" width="30px"> <i class="d6">3</i>
                            <img src="./极果网.html/img1/img/xinxi.png" alt="" width="30px"> <i class="d7">3</i>
                        </p>
                    </div>
                </div>
                <p class="d8">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
                <div class="d2">
                    <img class="d4" img src="./极果网.html/img1/img/bg4.jpg" alt="">
                    <div>
                        <p class="d5"></p>
                        <p>
                            <img src="./极果网.html/img1/img/tx.jpg" alt="" border-radius="100%">
                            <span class="d9">苏苏</span>
                            <span class="d10">2016-01-25</span>
                        </p>
                        <p>
                            <img src="./极果网.html/img1/img/xin.png" alt="" width="30px"> <i class="d6">3</i>
                            <img src="./极果网.html/img1/img/xinxi.png" alt="" width="30px"> <i class="d7">3</i>
                        </p>
                    </div>
                </div>
                <p class="d8">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
                <div class="d2">
                    <img class="d4" img src="./极果网.html/img1/img/bg5.jpg" alt="">
                    <div>
                        <p class="d5"></p>
                        <p>
                            <img src="./极果网.html/img1/img/tx.jpg" alt="" border-radius="100%">
                            <span class="d9">苏苏</span>
                            <span class="d10">2016-01-25</span>
                        </p>
                        <p>
                            <img src="./极果网.html/img1/img/xin.png" alt="" width="30px"> <i class="d6">3</i>
                            <img src="./极果网.html/img1/img/xinxi.png" alt="" width="30px"> <i class="d7">3</i>
                        </p>
                    </div>

                </div>
                <p class="d8">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
                <p class="d8">asd</p>

            </div>
            <div class="d3">
                <div>极果体验师</div>
                <img src="./极果网.html/img1/img/tiyanImg.jpg" alt="" width="350px">
                <ul>
                    <li class="b1">福利</li>
                    <li>第一时间体验新品，大众试用优先通过，还有定向邀请试用，新品玩到手软！</li>
                    <li class="b1">要求</li>
                    <li>是某个领域的大神级玩家，在社交网络或圈子里有大影响力，善写作会拍摄。</li>
                    <li class="b1">申请</li>
                    <li>1. 关注极果公众号：jguojguo <br> （或扫描下方二维码）</li>
                    <li>2. 在公众号内回复：体验师</li>
                </ul>
                <div>关注我们</div>
                <img src="./极果网.html/img1/img/myCode.jpg" alt="">
            </div>
        </div>
    <div class="hot-content">
        <!-- 最热 -->
    </div>
    </div>
    <div class="btm">
        <!-- 结尾 -->
        <div class="btm-1">
            <img src="./极果网.html/img1/img/erweima.png" alt="" class="erweima">
            <div class="btm-2">
                <img src="./极果网.html/img1/img/logoImg.jpg" alt="" width="110px">
                <p class="btm-p">
                    全球酷玩试用导购平台酷·新奇·好玩·品质
                    <br>
                    <br>
                    微信添加&nbsp;"JguoJguo"获取我们的服务
                </p>
            </div>
            <div class="btm-3">
                <dt>
                    免费使用
                    <dl class="dl">
                        <dd>试用流程</dd>
                        <dd>如何提高成功率</dd>
                    </dl>
                </dt>
                <dt>
                    友情链接
                    <dl class="dl">
                        <dd>智东西&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;WIBUSI</dd>
                        <dd>搜狐IT&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;腾讯科技</dd>
                        <dd>搜狐数码&nbsp;&nbsp;&nbsp;&nbsp;凤凰科技</dd>
                        <dd>凤凰数码&nbsp;&nbsp;&nbsp;&nbsp;PConline</dd>
                        <dd>泡泡网&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3W咖啡</dd>
                        <dd>ZUK社区&nbsp;&nbsp;&nbsp;&nbsp;亿觅emie</dd>
                        <dd>极客公园&nbsp;&nbsp;&nbsp;&nbsp;易迅易启玩</dd>
                        <dd>果库</dd>
                        <dd></dd>
                    </dl>
                </dt>
                <dt>
                    购买攻略
                    <dl class="dl">
                        <dd>美亚海阔教程</dd>
                        <dd>日亚海阔教程</dd>
                        <dd>海阔转运攻略</dd>
                        <dd>kickstarter &nbsp;&nbsp;众筹购买攻略</dd>
                        <dd>indiegogo &nbsp;&nbsp;众筹购买攻略</dd>
                    </dl>
                </dt>
                <dt class="dt1">
                    厂商合作
                    <dl class="dl">
                        <dd>关于极果</dd>
                        <dd>联系我们</dd>
                        <dd>商务合作&nbsp;:&nbsp;BD@jiguo.com</dd>
                        <dd>CEO邮箱&nbsp;:&nbsp;CEO@jiguo.com</dd>
                    </dl>
                </dt>

            </div>

        </div>
        <p class="jiewei"> @ 2016 极果版权所有</p>
    </div>
    <script>
        $(function () {
            // js加载的时间放在最后 先加载文档 让用户看到
            var titles = $('.title');
            var div1 = $('.new-content')
            var div2 = $('.hot-content')
            var div3 = $('.category-content')
            $.each(titles, function (index, el) {
                $(el).click(function () {
                    // 点击事件
                    // 先清除所有的active 然后给当前点击的元素添加active
                    $('.title.active').removeClass('active');
                    $(this).addClass('active');
                    var contentName = $(this).attr('content1');;
                    // 上面是切换标题，还需要切换内容，也就是3个大div的显示隐藏
                    // 发请求获取对应的数据--根据点击的标题不同 请求地址也不同
                    if (contentName === 'category-content') {
                        // 显示品类 并获取品类的数据
                        div1.hide();
                        div2.hide();
                        div3.show();
                        // 调接口 获取数据
                        getData('play/category')
                    } else if (contentName === 'hot-content') {
                        // 显示最热 并获取最热的数据
                        div1.hide();
                        div2.show();
                        div3.hide();
                        getData('play/hot')
                    } else if (contentName === 'new-content') {
                        // 显示最新 并获取最新的数据
                        div1.show();
                        div2.hide();
                        div3.hide();
                        getData('play/new')

                    }
                })
            })
        })

    </script>
</body>

</html>